<template>
  <div>
     <div class="tops">
       <div class="top-content">
         <div class="top-qw">
           <img src="../assets/icon-dw.png"/>
           <text>湖南</text>
           <text class="wendu">气温 10℃~20℃</text>
         </div>
         <div class="top-name">
           早安! <text> 迪丽热巴!</text>
         </div>
       </div>
     </div>
  </div>
</template>

<script>
export default {

}
</script>

<style scoped>
.tops{
  position:relative;
  min-height:528px;
}
.top-content{
  width:94%;
  padding:10px 3%;
  top:0px;
  position:absolute;
  z-index:1000;
}
.top-qw{
  color:#efefef;
  font-size:14px;
}
.tops .top-qw .wendu{
  margin-left:20px;
}
.tops .top-name{
  font-size:32px;
  
}
</style>